<template>
	<view id="app">
		<!-- router-view 是 Vue Router 的一个特殊组件，
             它会根据当前路由动态渲染匹配的组件。 -->
		<router-view />
	</view>
</template>

<script>
	export default {
		// 应用启动时触发的生命周期钩子函数
		onLaunch: function() {
			console.log('App Launch') // 在控制台输出应用启动的提示
		},
		// 应用进入前台时触发的生命周期钩子函数
		onShow: function() {
			console.log('App Show') // 在控制台输出应用显示的提示
		},
		// 应用进入后台时触发的生命周期钩子函数
		onHide: function() {
			console.log('App Hide') // 在控制台输出应用隐藏的提示
		}
	}
</script>

<style>
	/*每个页面公共css */
	/* 自定义css库 */
	@import url("@/common/css/free.css");
	/* 矢量图标库 */
	@import url("@/common/css/iconfont.css");
	/* css动画库 */
	@import url("@/common/css/animate.css");
	/* 自定义css动画库 */
	@import url("@/common/css/myanimate.css");
	/* 自定义css主题 */
	@import url("@/common/css/theme.css");
</style>
